{% load static %}
<div class="head" style="">
    <div class="content">
        <div class="dropdown_0">
            <div class="burger-menu" id="burger"></div>
            <div class="dropdown-content_0" style="left: 0;">
                <a href="/">Главная страница</a>
                <a href="/tests">Список всех тестов</a>
                <a href="/users">Сообщество</a>
                <a href="/ratings">Рейтинг</a>
            </div>
        </div>
        <div class="" style="display: flex; gap: 15px;">
            <a href="/tests" data-tooltip="Тесты">
                <div class="menu-button tests" id="icon_tests"></div>
            </a>
            <div class="pages">
                <p class="name_surname">  {{ test.name }}</p>
            </div>
        </div>
        <div class="current_user-bar" id="current-user_avatar">
            {% if user.is_authenticated %}
                <div class="dropdown">
                    <p class="username" id="username">{{ request.user.first_name }} {{ request.user.last_name }}</p>
                    <div class="current-user_avatar" style="--avatar-url: url('/media/{{ request.user.avatar }}')"></div>
                    <div class="dropdown-content">
                        <a href="/users/{{ user.id }}" class="first_name_lastName">{{ user.first_name }} {{ user.last_name }}</a>
                        <a href="/users/you">Моя страница</a>
                        <a href="/users/you/settings">Настройки</a>
                        <a href="/editor">Мастерская тестов</a>
                        <a href="/accounts/logout" style="color: red;">Выйти из аккаунта</a>
                    </div>
                </div>
            {% else %}

            {% endif %}
        </div>
    </div>
</div>
<div class="header_padding"></div>